<template>

	<view class="page-body">
		<u-navbar  back-icon-color="#000000" :border-bottom="false" :is-fixed="true" :background="{'background-color': 'rgba(0, 0, 0, 0)'}"></u-navbar>
		<view class="page-section">
			<text class="text-date">{{opinion.date}}</text>
			<view>
				<text class="text-time">{{opinion.time}}</text>
				<text class="text-ok">{{opinion.msg}}</text>
			</view>
			<text class="text-btitle">早安, 时光</text>
		</view>
	</view>
	
</template>

<script>
	export default {
		data() {
			return {
				opinion: {
					date: '',
					time: '',
					msg: '',
					type: 0
				}
			}
		},
		onLoad(e) {
			if (!!e.opinion) {
				this.opinion = JSON.parse(e.opinion)
			}
		},
		mounted() {

		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	.page-body {
		min-height: 100vh;
		.page-section {
			z-index:-1;
			width:100%; 
			height:100%; 
			position: fixed; 
			top:0; 
			background: url(/static/img/punchcard/onduty.jpg) no-repeat top left;
			background-size: cover;
			padding: 12vh 0 0 11vh;
			color: #ffffff;
			font-size: 14px;
			padding: 17vh 0 0 9.5vh;
			color: #ffffff;
			line-height: 25px;
			.text-date {
				font-size: 22px;
				font-weight: bolder;
				line-height: 25px;
			}
			.text-time {
				font-size: 18px;
				line-height: 25px;
			}
			.text-ok {
				font-size: 22px;
				margin-left: 10px;
				line-height: 25px;
			}
		}
	}
</style>
